<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vite App</title>
    <script src="https://unpkg.com/vue@next"></script>
</head>
<style>
    
</style>
<body>
    <div id="app" class="Demo">
        <select  v-model="selected">
            <template v-for="web in webs" :key=webs.id>
                <option :value="web.value" >{{web.web}}</option>
            </template>
        </select>
        <div id="output">
            选择的是1：{{selected}}
        </div>
    </div>
    <script>
        var app = {
            data() {
                return {
                    webs:[
                        {id:0,value:'',web:'请选择'},
                        {id:1,value:'Runoob',web:'www.runoob.com'},
                        {id:2,value:'Google',web:'www.google.com'}
                    ],
                    selected:''
                }
            },
            methods:{
                
            }
        }
        var vm = Vue.createApp(app).mount('#app')
    </script>
</body>
</html>
